body {
    background-color: #f3f4f6;
    header {
        width:100%;
        height: 0.88rem;
        line-height: 0.88rem;
        background-color: #f5445d;
        text-align: center;
        position: relative;
        color: #FEF0F2;
        font-size: 0.36rem;
        a {
            position: absolute;
            height: 0.88rem;
            width: 1rem;
            text-align: center;
            left: 0;
            img {
                width: 0.32rem;
                height: 0.32rem;
                vertical-align: middle;
            }
        }
    }
    .main {
        .process {
            background: url(../images/cer4.png) no-repeat center center #fff; 
            background-size: 6.85rem 0.78rem;
            height :1.2rem;
            margin-bottom: 0.2rem;
        }
        .final {
            background-color: #fff;
            height: 5rem; 
            overflow: hidden;
            i {
                display: block;
                width: 0.8rem;
                height: 0.8rem;
                margin: 0.58rem auto 0.28rem;
                background: url(../images/shopCartSprite.png) no-repeat 0 -1.2rem;
                background-size: 2.82rem 2.02rem;
            }
            p {
                font-size: 0.28rem;
                text-align: center;
            }
            .extra {
                display: block;
                margin: 0.8rem auto 0.2rem;
                color: #fff;
                font-size: 0.32rem;
                width: 5.6rem;
                height: 0.88rem;
                line-height: 0.88rem;
                text-align: center;
                background-color: #f5445d;
                border: 0;
                border-radius: 0.44rem;
            }
            .tip {
                color: #f5445d;
                font-size: 0.2rem;
                letter-spacing: 2px;
            }

        }
        
    }
}